<template>
    <div>
        <h1>学生管理系统</h1>
        <Modal title="新增学生">
            <!-- <template #title>新增学生</template> -->
            <div>
                <label>学生姓名：</label>
                <input type="text" v-model.lazy="addItem.name">
            </div>
            <div>
                <label>学生年龄：</label>
                <input type="text" v-model.lazy="addItem.age">
            </div>
           
            <div>
                <label>学生性别：</label>
                <input type="radio" v-model="addItem.gender" :value="1"><label>男</label>
                <input type="radio" v-model="addItem.gender" :value="0"><label>女</label>
            </div>
            <div>
                <button>确认新增</button>
            </div>
        </Modal>

    </div>
</template>

<script setup>
import { ref } from 'vue';

const addItem = ref({});
</script>

<style scoped></style>